<div class="menu">
<?php  echo $this->Form->menu($this->Access->getMy('id'),$this->Access->getMy('group_id'));?>
</div>
<div class="zonas form">
<?php echo $javascript->link('jquery.min.js',false); ?>
<?php echo $javascript->link('jquery-ui-custom.min.js',false); ?>
<?php echo $javascript->link('util.js',false); ?>
<?php echo $javascript->link('json.js',false); ?>
<?php echo $javascript->link('json2.js',false); ?>
<?php echo $javascript->link('dump.js',false); ?>
<?php echo $this->Form->create('Zona');?>
	<fieldset>
		<div align="left"><?php echo $this->Html->image('add_zona_titulo.png', array('alt'=> __('Nueva Zona', true), 'border' => '0'));?></div>

	<table class="tabla_formulario">
 		<tr> <td><?php echo $this->Form->label("Departamento");
				echo $this->Form->select('departamento_id',array($departamentos), null, array('id'=>'departamentos'), false);?>
				<span id="carga_municipios" style="display:none;">Cargando...</span>
			 </td>
		</tr>
		<tr>
			 <td><?php echo $this->Form->label("Municipio");
					echo $this->Form->select('municipio_id',array(),null,array('id'=>'municipios'),false);?>
			 </td>
		</tr>	
 		</table>	
	</fieldset>
<?php echo $this->Form->input('dominio',array('type'=>'hidden','value'=>$_SERVER['SCRIPT_NAME'], 'id'=>'dominio'));?>
<script>
$(function(){
	$('#departamentos').change(function(){
		$("#carga_municipios").show();
		var departamento_id = $(this).val();
		var dominio = $('#dominio').val();	
		$.getJSON(dominio+'/municipios/get_municipios_json/'+departamento_id, function(municipios) {
			var opciones = "";
			for(i in municipios){
				opciones += "<option value='"+i+"'>"+municipios[i]+"</option>" + "\n";
			}
			$("#municipios").html(opciones);
			$("#carga_municipios").hide();
		});
	});
});
</script>
<?php echo $this->Form->end(__('Guardar', true));?>
</div>
